@import url('../font/bahnschrift/bahnschrift.css');
@import url('../font/futurademic/futurademic.css');
body{margin:0 auto;max-width:1920px;width:100%;min-width: 1320px;font: 14px/1.5 arial,'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif; ;color: #333333; padding:0;    box-sizing: border-box;}

/*修改滚动条*/
::-webkit-scrollbar{ width:6px;   height:6px ;}
::-webkit-scrollbar-track{   box-shadow: inset 0 0 6px transparent;   background: #f8f8f8;   border-radius: 6px;}
::-webkit-scrollbar-thumb{  border-radius: 6px;   background: #bbb;}
.iconfont{font-size: inherit !important;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

div{margin:0; padding:0; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.wrap{margin:0 auto;width: 100%;position: relative;overflow: hidden;}
.table td,.table th{ padding:5px;}
/*重置svg图标*/
.icon {
	width: 1em; height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.f_l,.fleft,.pull-left{float:left !important;}
.f_r,.fright,.pull-right{float:right !important;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
a{ text-decoration:none; color:#666; transition: all .2s linear 0s;}
a:hover{color:#1e6db5;}
a:focus{outline: none;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
.text-line-hidden-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-ellipsis{overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap;}
.text-uppercase{text-transform: uppercase}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{ height:1%;}

.word{word-break:break-all;}
.clear{clear: both; height: 0; }
.wrapper,.container-fluid{width: 100%; overflow: hidden;}
.container{width: 1300px;margin: 0 auto;}
.red{ color: #dc2626 !important;}
.blue{color: #1e3c73 !important;}
.w-100{width: 100%;}
.h-100{ height:100%;}
.pl-0{ padding-left:0 !important;}
.pr-0{ padding-right:0 !important;}
.pl-20{ padding-left: 20px;}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.m-auto{margin:0 auto !important;}
.d-block{display: block !important;}
.d-inline-block{display: inline-block !important;}
body{
	--theme-red: #cb1f24;
	--theme-border-1: #ececec;
	--theme-blue:#1e6db5;
}
.w-300{ flex:0 0 300px; max-width:300px; width:300px;}
.w-480{ flex:0 0 480px; max-width:480px;width:480px;}
.w-500{ flex:0 0 500px; max-width:500px;width:500px;}
.w-360{ flex:0 0 360px; max-width:360px; width:360px;}
.w-660{ flex:0 0 660px; max-width:660px; width:660px;}
.w-880{ flex:0 0 880px; max-width:880px; width:880px;}
.w-980{ flex:0 0 980px; max-width:980px; width:980px;}
.bg-white{background-color: #ffffff !important;}
.bg-grey{background-color: #f7f8fa !important;}

.fitcover-img{width: 100%;height: 100%;object-fit: cover;}
.contain-img{width: 100%;height: 100%;object-fit: contain;}
.img-cover-4by3{height: 0;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover-1by1{height: 0;width: 100%;padding-bottom: 100%;overflow: hidden;position: relative;}
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}

.in_ads{ margin:0 auto 5px; position: relative;overflow: hidden;}
.in_ads::before{ content: '';background: url("../Image/ad_tips.png") center no-repeat; width:24px; height:14px; position: absolute; left: 2px;bottom: 2px;border: 1px solid rgba(255, 255, 255, .5); z-index:3;}
.in_ads img{ width:100%; height:100%;object-fit: cover;display: block;}

.d-inline-block{ display: inline-block;}
.btn {display: inline-block; width: 140px; height: 40px; line-height: 38px; text-align: center; border-radius: 3px;  margin-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn.btn-sm{width: 100px;height: 30px;line-height: 30px;font-size: 14px;}
.btn.btn-blue-line{border: 1px solid #244684; color: #244684;}
.btn.btn-blue-fill{background-image: -moz-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); background-image: -webkit-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); background-image: -ms-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); box-shadow: 0px 10px 20px 0px rgba(31, 61, 115, 0.26); color: #ffffff; }
.btn.btn-blue-fill:hover{background-image: -moz-linear-gradient(-180deg, #2b5198 0%, #1e3d73 100%); background-image: -webkit-linear-gradient(-180deg, #2b5198 0%, #1e3d73 100%); background-image: -ms-linear-gradient(-180deg, #2b5198 0%, #1e3d73 100%);}

.btn.btn-red-fill{background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26);color: #ffffff;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.btn.btn-red-fill:hover{background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #ec4945 0%, #dd3833 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #ec4945 0%, #dd3833 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #ec4945 0%, #dd3833 100%);}

.icon-time{
	display: inline-block;
	width: 15px;
	height: 14px;
	vertical-align: middle;
	background: url("../Image/icon-time.png") center center no-repeat;
}
.icon-view{
	display: inline-block;
	width: 21px;
	height: 12px;
	vertical-align: middle;
	background: url("../Image/icon-view.png") center center no-repeat;
}

.main-body{position: relative;
	z-index: 2;}